
<!DOCTYPE html>
<html>
<head>
    <title>全栈开发博客</title>
    <link href="./css/style.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="./css/bootstrap.css" rel="stylesheet" type="text/css" media="all"/>

    <!-- js -->
    <script src="./js/jquery.min.js"></script>
    <!-- //js -->
    <!-- for-mobile-apps -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script type="application/x-javascript"> addEventListener("load", function () {
            setTimeout(hideURLbar, 0);
        }, false);
        function hideURLbar() {
            window.scrollTo(0, 1);
        } </script>
    <!-- //for-mobile-apps -->
    <!-- start-smoth-scrolling -->
    <script type="text/javascript" src="./js/move-top.js"></script>
    <script type="text/javascript" src="./js/easing.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $(".scroll").click(function (event) {
                event.preventDefault();
                $('html,body').animate({scrollTop: $(this.hash).offset().top}, 1000);
            });
        });
    </script>
    <!-- start-smoth-scrolling -->
</head>

<body>
<!-- header -->
<div class="header">
    <div class="container">
        <div class="header-info">
            <div class="logo">
                <a href="/posts"><img src="./images/logo.png" alt=" "/></a>
            </div>
            <div class="logo-right">
                <span class="menu"><img src="./images/menu.png" alt=" "/></span>
                <ul class="nav1">
                    
                    <li><a href="/publication">发表文章</a></li>
                    <li><a href="/logout">退出</a></li>
                    
                </ul>

            </div>
            <div class="clearfix"></div>
            <script>
                $("span.menu").click(function () {
                    $("ul.nav1").slideToggle(300, function () {
                    });
                });
            </script>
        </div>
    </div>
</div>

<div class="content">
    <div class="container">
        <div class="content-text">
            <div class="title">
                <div class="some-title">
                    <h3><a href="/posts/627b4b0755b3240e74e86bd0"><%= post[0].title %></a></h3>
                </div>
                <div class="john">
                    <p>
                        <span><%= post[0].time %></span>
                        <a href="/posts/<%= post._id %>/edit">编辑</a>
                        <a href="/posts/<%= post._id %>/remove">删除</a>
                    </p>
                </div>
                <div class="clearfix"></div>
                <div class="tilte-grid">
                    <p class="Sed"><%= post[0].conments %></p>
                </div>

            </div>


            <div class="categories">
                <div class="categ">
                    <div class="cat">
                        <h3>文章阅读排行榜</h3>
                        <ul>
                            <!-- 文章阅读排行榜 -->
                            
                            <li><a href="/posts/627b4b0755b3240e74e86bd0">习近平：在庆祝中国共产主义青年团成立100周年大会上的讲话</a><span
                                        style="float: right">浏览(11)</span></li>
                            
                            <li><a href="/posts/627b4f7055b3240e74e86bd4">美国要是禁用Windows系统怎么办</a><span
                                        style="float: right">浏览(4)</span></li>
                            
                            <li><a href="/posts/627b4d8d55b3240e74e86bd1">青春向党,不负韶华</a><span
                                        style="float: right">浏览(2)</span></li>
                            
                            <li><a href="/posts/627b4f1f55b3240e74e86bd3">Cloudflare、Deno 和 Node.js 三方合作，改善 JS 互操作性</a><span
                                        style="float: right">浏览(1)</span></li>
                            
                        </ul>
                    </div>
                    <div class="recent-com">
                        <h3>图书推荐</h3>
                            <ul>
                                <li><a href="#" target="_blank">《平凡的世界》</a></li>
                                <li><a href="#" target="_blank">《人世间》</a></li>
                                <li><a href="#" target="_blank">《生活是很好玩的》</a></li>
                                <li><a href="#" target="_blank">《季羡林散文集》</a></li>
                                <li><a href="#" target="_blank">《Node.js实战》</a></li>
                                <li><a href="#" target="_blank">《Android开发》</a></li>
                                <li><a href="#" target="_blank">《HTML5+CSS3入门到精通》</a></li>
                        </ul>
                    </div>

                </div>
            </div>
            <div class="consequat">
                <hr>
                <form action="/leave" method="post" id="myform" name="myform">
                    <input style="display:none;" name="username" value="<%= post[0].username %>">
                    <input style="display:none;" name="title" value="<%= post[0].title %>">
                    
                    <textarea name="tiezi" name="bio"></textarea>
                    
                    <input type="submit" value="留言评论">
                    <input style="margin-left: 30px; height: 50px;border: 0;outline: none;" id="nowtime" name="time" readonly="readonly" value="">
                    
                    <script type="text/javascript">
                        function gettime() {
                                var time=new Date();
                                var hour=time.getHours();
                                var min=time.getMinutes();
                                var sec=time.getSeconds();
                                var madetime=time.getFullYear()+"-"+(time.getMonth()+1)+"-"+time.getDate()+" "+"  "+hour+(min<10?":0":":")+min+(sec<10?":0":":")+sec+(hour<12?"":" ");
                                document.getElementById("nowtime").value = madetime;
                            }
                            gettime();//显示第一秒的时间
                            setInterval("gettime()",1000);
                    </script>
                    
                    
                </form>
                <form action="/find" method="get">
                    <table class="search-tab">
                        <tr>
                            <th style="display: none;" width="120">搜索范围:</th>
                            <td style="display: none;">
                                <select name="findBy" id="">
                                    <option value="title">标题</option>
                                </select>
                            </td>
                            <th style="display: none;" width="70">关键字:</th>
                            <td style="display: none;"><input placeholder="关键字" name="keywords" value="<%= post[0].title %>" id="" type="text"></td>
                            <input value="查看该帖子全部评论" type="submit">
                        
                </form>
            </div>

            <hr>


            <div class="footer">
                <div class="container">
                    <div class="footer-grids">
                        <div class="footer-grid">
                            <h3>博客生活</h3>
        <p>道路虽然拥挤,却是寂寞的,因为它没有品尝到爱。
          小草在大地寻找群聚,树木向天空寻找孤寂。
          尽管走下去,不必逗留着去采着花儿来保存,因为一路上花朵自会开放。
          小草呀,你的足步虽小,但是你拥有足下的土地。</p>
                        </div>
                        <div class="footer-grid">
                            <h3>服务中心</h3>
                            <ul>
                                <li class="cap1"><a href="#"
                                                    target="_blank">课程</a></li>
                                <li><a href="#" target="_blank">读书</a></li>
                                <li><a href="#" target="_blank">社区</a></li>
                            </ul>
                        </div>
                        <div class="footer-grid">
                            <h3>交流合作</h3>
                            <ul>
                                <li><a href="#">人才招聘</a></li>
                                <li><a href="#">意见反馈</a></li>
                                <li><a href="#">版权声明</a></li>
                                <li><a href="#">服务条款</a></li>
                            </ul>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<script type="text/javascript">
    $(document).ready(function () {
        $().UItoTop({easingType: 'easeOutQuart'});
    });
</script>
</body>
</html>
